@charset "UTF-8";
@charset "utf-8";
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}
body {
  font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#000;
  line-height: 1.5em;
}
ul,ol {
  list-style-type:none;
}
a:hover {
  opacity:1.0;
}
a:focus {
  outline: none;
}
img{
	height:auto;
	border:0;
	vertical-align:top;
  max-width: 100%;
	margin:0;
}
video {
  vertical-align: bottom;
  width:100%;
  height:auto;
  outline: none;
}
.content_wrap {
  max-width: 750px;
  margin:0 auto;
  overflow: hidden;
}
.content_wrap img {
  display: block;
  height: auto;
}
.rl {
  position: relative;
}
.sns-contents {
  width: 100%;
  padding-bottom:30px;
  background: url(../images/pic07.jpg) left top/100% repeat-y;
}
.btn01 {
  position: absolute;
  width: 654px;
  top:-225px;
  left:48px;
}
.btn01 a {
  display: block;
}
.btn_ani {
 animation: btn_ani 1.8s ease-in-out infinite;
}
@keyframes btn_ani {
  0% {
      transform: translateY(0);
  }

  50% {
      transform: translateY(15px);
  }
  100% {
      transform: translateY(0);
  }
}
.slide01 {
  position: absolute!important;
  left:0;
  top:364px;
  width: 100%;
  padding-left:30px;
}
.slide01 .slick-slide {
  margin-left: 15px;
}
.slide01 .slick-list {
  padding:0 22% 0 0!important;
}
.slide01 {
  opacity: 0;
  transition: opacity .3s linear;
}
.slide01.slick-initialized {
  opacity: 1;
}
#ba {
  position: absolute!important;
  width: 670px;
  top:176px;
  left:40px;
  border-radius: 20px;
}
.tel-btn {
  position: absolute;
  width: 638px;
  top:505px;
  left:56px;
}
.tel-btn a {
  display: block;
}
@media(max-width:749px) {
 img {
   width: 100%;
 }
 .sns-contents {
   padding-bottom:4vw;
 }
 .btn01 {
   width: 87.2vw;
   top:-38vw;
   left:6.4vw;
 }
 @keyframes btn_ani {
  0% {
      transform: translateY(0);
  }

  50% {
      transform: translateY(8px);
  }
  100% {
      transform: translateY(0);
  }
}
 .slide01 {
   top:48.53vw;
   width: 100%;
   padding-left:4vw;
 }
 .slide01 .slick-slide {
   margin-left: 2vw;
 }
 #ba {
   width: 89.2vw;
   top:23.46vw;
   left:5.4vw;
   border-radius: 2.66vw;
 }
 .tel-btn {
   width: 85vw;
   top:67.33vw;
   left:7.5vw;
 }
}/* CSS Document */